import React from 'react';
import './index.less';
import Particles from "particlesjs";
import particlesJS from "particles.js"
const FullPage = () => {
  let str = ''
//   window.onload = function () {
//     Particles.init({
//         // 选择canvas画布元素
//         selector: '.background',
//         // 设置最大粒子数
//         maxParticles: 100,
//         // 尺寸变化, 默认3
//         sizeVariations: 5,  
//         // 设置粒子的移动速度
//         speed: 1,
//         // 设置粒子颜色
//         color: '#8ACAFF',
//         // 开启点连线
//         connectParticles: true,
//         // 设置连接线的距离
//         minDistance: 180,
//         // 设置响应式配置项的调整
//         responsive: [
//             {
//                 // 当浏览器窗口宽小于768像素大小采用以下配置
//                 breakpoint:768,
//                 options: {
//                     maxParticles: 200,
//                     color: '#9400D3',
//                     connectParticles: false
//                 }
//             }, {
//                 // 当浏览器窗口宽小于425像素大小采用以下配置
//                 breakpoint:425,
//                 options: {
//                     maxParticles:100,
//                     connectParticles:true
//                 }
//             }, {
//                 // 当浏览器窗口宽小于320像素大小采用以下配置
//                 breakpoint:320,
//                 options: {
//                     maxParticles:0
//                 }
//             }
//         ]

//     })
// }

setTimeout(() => {
  window.onload = function () {
    particlesJS.load('particles-js', './particles.json', function() {
      console.log('callback - particles.js config loaded');
    });
  }
  
}, 1000);

return (
  <div  className='box' >
    <div>
      爱的方式
    </div>
    <div className="background" id="particles-js"></div>
    {/* <canvas className="background" id="canvas"> </canvas> */}
  </div>
);
}
export default FullPage;
